<style lang="scss" scoped>
    .mint-popup-bottom {
        width: 100%;
        height: 100%;
        z-index: 10001!important;
        background: #FCFCFC;
    }
    .store-list {
        padding: 0 .24rem;
        li {
            font-size: .24rem;
            text-align: center;
            line-height: 1rem;
            box-shadow: 1px 0 .26rem rgba(216,216,216,0.4);
            background: #fff;
            margin-top: .24rem; 
        }
    }
</style>

<template>
    <mt-popup
        v-model="visible"
        :modal="false"
        position="bottom">
        <div class="page-wrapper">
            <mt-header fixed title="选择门店">
                <mt-button icon="close" slot="left" @click="visible = false"></mt-button>
            </mt-header>
            <ul class="store-list">
                <li>杭州菲力伟西溪翡翠城店</li>
                <li>杭州菲力伟世纪店</li>
                <li>杭州菲力伟西溪翡翠城店</li>
                <li>杭州舒适堡城西银泰店</li>
            </ul>
        </div>
    </mt-popup>
</template>

<script>
    export default {
        props: {
            value: Boolean
        },
        watch: {
            value(current) {
                this.visible = current;
            },
            visible(current) {
                this.$emit('input', current)
            }
        },
        data() {
            return {
                visible: this.value
            }
        },
        methods: {
            handleStoreSubmit(item) {
                this.$emit('select', item)
            }
        }
    }
</script>

